:root {
  --el-color-primary: #697dff;
  --el-border-color: #d9d9d9;
  --el-border-color-hover: #a1a1a1;
  --el-text-color-regular: #222;
  --el-text-color-placeholder: rgb(34 34 34 / 40%);
  --el-fill-color-light: #f0f7ff;
  --el-disabled-bg-color: #f5f7fa;
}
.el-button {
  --el-button-bg-color: #f3f4f6;
  --el-button-border-color: #f3f4f6;
  --el-button-hover-bg-color: #e9ebf0;
  --el-button-hover-border-color: #e9ebf0;
  --el-button-active-bg-color: #e9ebf0;
  --el-button-active-border-color: #e9ebf0;
  --el-button-hover-text-color: #222;
}
.el-button--primary {
  --el-button-bg-color: #697dff;
  --el-button-border-color: #697dff;
  --el-button-hover-bg-color: #5464cc;
  --el-button-hover-border-color: #5464cc;
  --el-button-active-bg-color: #5464cc;
  --el-button-active-border-color: #5464cc;
  --el-button-hover-text-color: #fff;
}
.el-button.is-text {
  --el-fill-color-light: transparent;
}
.el-button.is-text:not(.is-disabled):focus-visible {
  outline: none;
}
.el-input-group__append {
  --el-fill-color-light: #f5f7fa;
}
.el-popconfirm .el-button {
  background: #f3f4f6;
  --el-fill-color-light: #e9ebf0;
}
.el-popconfirm .el-button--primary {
  background: #697dff;
}
.el-popconfirm .el-button--primary:hover {
  background: #5464cc;
}
.el-table {
  --el-table-header-bg-color: #edeff3;
  --el-fill-color-lighter: #fafafa;
}
.el-form-item .el-date-editor {
  width: 100%;
}
.el-date-editor.el-range-editor > :first-child {
  order: 999;
}
.el-date-editor .el-input__wrapper > :first-child {
  order: 999;
  width: 14px;
}
.el-checkbox .el-checkbox__input.is-disabled {
  --el-checkbox-disabled-checked-input-fill: #a8abb2;
}
.el-checkbox .el-checkbox__input.is-disabled .el-checkbox__inner::after {
  border-color: #fff;
}

.el-scrollbar__bar.is-horizontal {
  height: 10px;
  border-radius: 5px;
}
